<template>
	<view class="content">
		<view class="status_bar"><view class="top_view"></view></view>
		<uni-nav-bar left-icon="back" left-text="返回" title="账户管理"></uni-nav-bar>
		<view class="body">
			<view class="function_list">
				<navigator url="./change_password" class="function_item">
					<view class="function_title">修改密码</view>
					<image src="../../static/personal_center/more.png" class="more"></image>
				</navigator>
				<navigator url="./account_management" class="function_item">
					<view class="function_title">更换手机号</view>
					<image src="../../static/personal_center/more.png" class="more"></image>
				</navigator>
			</view>
			<view class="submit"><button type="default" class="submit_btn">退出当前帐号</button></view>
		</view>
	</view>
</template>

<script>
import uniNavBar from '@/components/uni-nav-bar/uni-nav-bar.vue';
export default {
	components: {
		uniNavBar
	},
	data() {
		return {};
	}
};
</script>

<style scoped>
@import url('../../css/navigation.css');
.function_list {
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.function_item {
	display: flex;
	flex-direction: row;
	align-items: center;
	width: 100%;
	height: 104.16upx;
	border-bottom: 0.69upx solid rgba(0, 0, 0, 0.32);
}
.function_img {
	width: 52.77upx;
	height: 52.77upx;
	margin-left: 51.38upx;
	margin-right: 20.83upx;
}
.function_title {
	flex: 1;
	margin-left: 30upx;
	font-size: 25upx;
	font-family: 'FZLTHJW';
	color: rgb(0, 0, 0);
	display: flex;
}
.more {
	margin-right: 52.08upx;
	width: 32upx;
	height: 32upx;
	opacity: 0.302;
}
.submit {
	display: flex;
	justify-content: center;
	width: 100%;
	margin-top: 213.19upx;
}
.submit_btn {
	border-radius: 6.94upx;
	background-image: -moz-linear-gradient(180deg, rgb(17, 203, 202) 1%, rgb(87, 241, 217) 100%);
	background-image: -webkit-linear-gradient(180deg, rgb(17, 203, 202) 1%, rgb(87, 241, 217) 100%);
	background-image: -ms-linear-gradient(180deg, rgb(17, 203, 202) 1%, rgb(87, 241, 217) 100%);
	width: 78.3%;
	height: 64.58upx;
	font-size: 25upx;
	font-family: 'FZLTHJW';
	color: rgb(255, 255, 255);
	display: flex;
	align-items: center;
	justify-content: center;
}
</style>
